<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta name="renderer" content="webkit">
	<meta name="format-detection" content="telephone=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>{:C('web_title')}</title>
	<meta name="Keywords" content="{:C('web_keywords')}">
	<meta name="Description" content="{:C('web_description')}">
	<link rel="shortcut icon" href=" /favicon.ico"/>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/movesay.css"/>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/style.css"/>
	<link rel="stylesheet" href="__PUBLIC__/Home/css/font-awesome.min.css"/>
	<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.flot.js"></script>
	<script type="text/javascript" src="__PUBLIC__/Home/js/jquery.cookies.2.2.0.js"></script>
	<script type="text/javascript" src="__PUBLIC__/layer/layer.js"></script>
</head>

<style>
	*{padding:0;margin:0;}
	.deposit-info-title{width:90%;margin:0 auto;padding-bottom:10px;border-bottom:1px dotted #dedede;text-align:center;font-size:24px;color:#e55600;font-weight:normal;margin-top:20px;}
	.cuntips{width:77%;margin:20px auto;color:#e55600;font-size:14px;}
	.cuntips span{color:#e55600;}
	.doubles input{font-size:12px;padding:9px 8px;width:100px;border:1px solid #d5d5d5;height:14px;}
	.zxc{width:205px;height:200px;overflow:scroll;}
	.zxc li{cursor:pointer;float:left;text-align:left;width:205px;overflow:hidden;background-color:#fff;border:1px solid transparent;padding:5px 12px;margin-bottom:0!important;height:42px;box-sizing:border-box;}
	.zxc li:hover{background-color:#eee;}
	.blankRemittance ul li{min-height:35px;line-height:35px;margin-bottom:10px;}
	.blankRemittance ul li.tipps{line-height:25px;margin-bottom:15px;}
	.blankRemittance ul li.safetyTips{line-height:25px;}
	.blankRemittance ul li span.cc1{font-size:14px;}
	.blankRemittance ul li span.cc1{display:inline-block;text-align:right;width:145px;}
	.displayBankNumberNew{position:absolute;left:169px;top:58px;z-index:3;background:#FFFFE4;height:25px;line-height:25px;border:1px solid #e4e4e4;font-weight:600;font-size:16px;min-width:199px;max-width:250px;overflow:hidden;}
	.blankRemittance ul li span.cc2{display:inline-block;font-size:14px;font-weight:700;padding-left:20px;text-align:left;}
	.button-main2{border-radius:3px;margin-top:0px;background:#aa5800;border:#aa5800 solid 1px;height:35px;line-height:35px;color:#fff;padding:0 15px;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:20px;}
	.online_pay .text{color:#333;}
	.blankRemittance ul li span.care{display:inline-block;font-size:14px;padding-left:20px;text-align:left;width:360px;color:#767676;}
	.blankRemittance ul li span.safe{display:inline-block;background:#fffcf0;font-size:12px;margin-left:14px;padding:10px;text-align:left;width:480px;color:#767676;}
	.blankRemittance ul li span input.blankInformation{height:25px;width:185px;padding-left:10px;border:1px solid #d5d5d5;}
	.mana-app-table{padding-left:0;}
	.naka{width:200px!important;}
	input.naka{padding-left:5px;font-size:14px;}
	.mana-app-table.info tr td:first-child{text-align:right;padding-right:10px;}
	.mana-app-table.info tr td{height:30px;line-height:30px;font-size:14px;color: #666;}
	#right_cny{color:#e75600;}
	.mana-app-table.info tr td .black{color: #333;}
	.mana-app-table tr td:first-child{text-align:right;}
	.lighttips{background-color:#fffcf0;margin-top:5px;width:90%;margin:10px auto;height:36px;line-height:36px;padding-left:10px;color:#333;font-size:14px;}
	.lighttips a{color:#e55600;}
	.blankRemittance ul li{min-height:35px;line-height:35px;margin-bottom:10px;}
	.blankRemittance ul li.tipps{line-height:25px;margin-bottom:15px;}
	.blankRemittance ul li.safetyTips{line-height:25px;}
	.blankRemittance ul li span.cc1{font-size:14px;}
	.blankRemittance ul li span.cc1{display:inline-block;text-align:right;width:145px;}
	.displayBankNumberNew{position:absolute;left:169px;top:58px;z-index:3;background:#FFFFE4;height:25px;line-height:25px;border:1px solid #e4e4e4;font-weight:600;font-size:16px;min-width:180px;max-width:250px;overflow:hidden;}
	.blankRemittance ul li span.cc2{display:inline-block;font-size:14px;font-weight:700;padding-left:20px;text-align:left;}
	.button-main2{text-decoration:none!important;margin-top:0px;background:#e55600;border:#e55600 solid 1px;height:35px;line-height:35px;color:#fff;padding:0 15px;cursor:pointer;display:inline-block;font-size:14px;margin-bottom:20px;}
	.online_pay .text{color:#333;}
	.blankRemittance ul li span.care{display:inline-block;font-size:14px;padding-left:20px;text-align:left;width:360px;color:#767676;}
	.dialog_body .connphone li span.cc1{display:inline-block;text-align:right;color:#434a54;width:100px;text-align:left;font-size:12px;}
	.dialog_body .connphone li.exampleTips{margin-top:15px;padding:17px}
	.dialog_body .connphone li.exampleTips div{background:#f5f5f5;padding:10px;width:396px;display:inline-block;height:162px;}
	.dialog_body .connphone li.exampleTips div p{display:inline-block;height:28px;line-height:28px;margin-top:20px;}
	.dialog_body .connphone li.exampleTips div span{height:26px;line-height:28px;display:inline-block;margin:0px 5px;}
	.dialog_body .connphone li.exampleTips div span.spanInput{background:#fff;text-align:right;width:148px;padding-right:10px;}
	.dialog_body .connphone li.exampleTips div span.spanInput.true{border:1px solid #ccc;}
	.dialog_body .connphone li.exampleTips div span.spanInput.error{border:1px solid red;}
	.dialog_body .connphone li.exampleTips div img{vertical-align:middle;margin:0px 10px 3px;}
	.blankRemittance ul li span input.blankInformation{height:25px;width:185px;padding-left:10px;border:1px solid #d5d5d5;}
	.dialog_content{display:none;position:absolute;width:666px;z-index:2001;color:#333;background:none repeat scroll 0 0 #ffffff;box-shadow:3px -3px 12px #636363;}
	.dialog_title{width:100%;height:36px;line-height:36px;padding-left:10px;box-sizing:border-box;font-size:14px;border-bottom:1px solid #e6e6e6;font-weight:700;background-color:#f6f6f9;}
	.dialog_body{background:none repeat scroll 0 0 #ffffff;overflow:hidden;}
	.center{text-align:center;}
	.dialog_body .connphone{border-bottom:1px dotted #dedede;padding:5px 0 20px;margin:0 auto;width:90%;margin-top:20px;}
	.dialog_body .connphone li{margin-left:100px;padding:6px 30px;text-align:left;}
	.dialog_body .connphone li span.cc1{display:inline-block;text-align:right;color:#434a54;width:100px;text-align:left;font-size:14px;}
	.dialog_content.modal-out{opacity:0;z-index:1109;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transform:translate3d(0,0,0) scale(0.815);transform:translate3d(0,0,0) scale(0.815);}
	.red{color:#ff0000;font-style:normal!important;}
	.dialog_closed{position:relative;float:right;font-size:28px;text-decoration:none!important;font-weight:normal;margin:0px 13px 5px 5px;display:inline-block;width:20px;height:20px;color:#3f3d4d;}
	.exampleTips-card{border-radius:4px;min-height:150px;vertical-align:middle;}
	.exampleTips-card.correct{background-color:#34cd75;color:#fff;}
	.exampleTips-card.wrong{background-color:#d11222;display:inline-block;}
	.exampleTips-card > span{display:block;text-align:center;color:#fff;}
	.exampleTips-card > span > em{background-color:#fff;width:90%;padding:5px 0;margin:15px auto 30px auto;display:block;border-radius:4px;color:#333;font-style:normal!important;}
	.exampleTips-card > span > img{vertical-align:middle;margin-right:10px;}
	.exampleTips > span{display:inline-block;width:28%;vertical-align:middle;margin-left:2%;}
	.exampleTips .iyou{color:#3f3d4d;padding:8px;width:37%;box-sizing:border-box;text-indent:2em;margin-left:0;line-height:2;}
	#form-cnyin input{font-size:12px;padding:12px 8px;width:300px;line-height:39px;border:1px solid #d5d5d5;height:14px;}
	#quick-searchdiv{top:33px;left:169px;background-color:#fff;list-style:none;margin:0;padding:0;width:180px;display:none;margin-top:1px;min-height:0px;text-align:left;z-index:999;position:absolute;bottom:10px;}
	#quick-searchdiv ul li{width:178px;overflow:hidden;white-space:nowrap;background-color:#fff;font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif;margin:0;padding:0;font-variant:normal;color:#000;}
	#quick-searchdiv ul{border:1px solid #eaeaea;}
	#quick-searchdiv ul li a{font-size:12px;border-bottom:1px solid #F7F7F7;color:#000;display:block;margin:0;padding:0px 8px;text-decoration:none;min-height:20px;}
	#quick-searchdiv ul li a:hover{background:#fffcf0;border-bottom:1px solid #fffcf0;}
	#quick-searchdiv ul li.selected{background-color:#fffcf0;}
	#quick-searchdiv ul li.selected a{}
	.arrow-down{position:absolute;top:18px;right:-3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #e55600;}
	.banlist-sele{padding-bottom:5px;width:100%;overflow:hidden;}
	.banlist-sele li{height:24px;padding:5px 0px;padding-left:5px;width:100%;margin-bottom:0px!important;}
	.banlist-sele li:hover{background-color:#f7f7f7;}
	.banlist-sele li.grey:hover{background-color:#fff;}
	#selectedbank{position:absolute;top:0px;left:25px;}
	.selectbanklist{display:none;position:absolute;top:39px;background-color:#fff;border:1px solid rgb(225,225,225);width:317px;box-sizing:border-box;}
	.pay_code{width:130px;float:left;text-align:center;}
	.pay_code button{width:60px;height:25px;border-radius:3px;background:#e55600;border:none;color:#fff;margin-top:10px;}
	.pay_con{padding:10px 20px;font-size:14px;}
	.pay_con span{display:block;float:left;}
	.pay_con_r{display:inline-block;float:left;padding-left:38px;}
	.pay_con_r p{font-size:12px;line-height:24px;}
	.tan_title{width:760px;height:60px;margin:0 auto;border-bottom:1px solid #eee;}
	.tan_title h4{font-weight:normal;color:#666;line-height:60px;float:left;}
	.tan_title .closebut{display:block;float:right;line-height:60px;cursor:pointer;}
	.tan_title .closebut img{vertical-align:middle;}
	body{background: transparent!important;}
	.tan_recharge h3{text-align:center;color:#333;margin-top:20px;}
	.tan_recharge .notice{width:760px;height:auto;overflow:hidden;margin:0 auto;padding:13px 0;background:#fff5e5;font-size:14px;color:#666;line-height:20px;text-align:center;margin-top:10px;}
	.tan_recharge .tan_info{width:100%;height:auto;overflow:hidden;margin-top:20px;}
	.tan_recharge .tan_info .tan_info_left{float:left;width:400px;height:auto;overflow:hidden;font-size:16px;color:#999;margin-left:110px;}
	.tan_recharge .tan_info .tan_info_left p{margin-bottom:13px;}
	.tan_recharge .tan_info .tan_info_left p b{margin-left:25px;}
	.tan_recharge .tan_info .tan_info_right{width:110px;height:auto;overflow:hidden;float:right;line-height:25px;font-size:12px;color:#999;text-align:center;word-spacing:-1px;}
	.tan_recharge .tan_info .tan_info_right img{width:102px;height:102px;}
	.tan_recharge .tan_bot{width:608px;height:auto;margin:0 auto;overflow:hidden;border:1px solid #eee;margin-top:25px;padding:25px 70px;font-size:14px;color:#999;line-height:22px;}
	.tan_recharge .donepay{display:block;width:160px;height:40px;margin:0 auto;margin-top:15px;background:#0081d3;line-height:40px;text-align:center;font-size:16px;color:#fff;}
</style>

<body>
<div class="wrapper tan_recharge" style="width:800px;margin:0 auto;height: auto;overflow: hidden;">
	<div id="dialog_ali" class="mana-app styled-pane" style="width:100%;height: auto;overflow: hidden;  ">
		<div class="tan_title">
			<h4>
				{:L('网银转账汇款')} <span id="wait" style="color:#e55600;">（
				<eq name="mycz.status" value="0">
					{:L('未付款')}
				</eq>
				<eq name="mycz.status" value="1">
					{:L('充值成功')}
				</eq>
				<eq name="mycz.status" value="2">
					{:L('人工到账')}
				</eq>
				<eq name="mycz.status" value="3">
					{:L('处理中')}
				</eq>）</span>
			</h4>
		</div>
		<h3>{:L('银行卡转账')}</h3>
		<div class="notice">
                {:L('请您通过网银或柜台向以下银行账户转账汇款，若有疑问请')}<a
				href="http://wpa.qq.com/msgrd?v=3&amp;uin={$C['contact_qq'][1]}&amp;site=qq&amp;menu=yes" target="_blank">{:L('联系客服')}</a>
        </div>
		<form style="padding-left: 40px;padding-top: 0px;margin:10px 0;width: 480px;float: left;">
			<table class="mana-app-table info" style="width: 90%;padding-top:0;">
				<tbody>
				<tr>
					<td width="200">{:L('官方账号：')}</td>
					<td><b class="black">{$myczType.username}</b></td>
				</tr>
				<tr>
					<td>{:L('开户名称：')}</td>
					<td><b class="black">{$myczType.truename}</b></td>
				</tr>
				<tr>
					<td>{:L('开户地址：')}</td>
					<td><b class="black">{$myczType.kaihu}</b></td>
				</tr>
				<tr>
					<td>{:L('充值金额：')}</td>
					<td>
						<b id="right_cny">{$mycz.num} CNY</b>
					</td>
				</tr>

				<tr>
					<td>{:L('订单编号：')}</td>
					<td><em class="cnyin_msg"
							style="color:#e75600;font-style:normal;font-weight: bold;">{$mycz.tradeno}</em></td>
				</tr>

				</tbody>
			</table>
		</form>
		<div class="tan_bot">
            {:L('请在汇款［备注/附言］中严格按要求填写充值订单编号：')}<b class="orange">{$mycz.tradeno}</b><br/>
            {:L('转账金额请严格按照实付金额')}<br/>
            {:L('我们会在收到汇款后30分钟内为您入账，在此期间无需联系客服，如有问题我们会主动联系您。')}
        </div>
        <div class="notice" style="background: none;">
            <eq name="mycz.status" value="0">
				<a onclick="myczHuikuan({$mycz['id']})" href="javascript:void(0)" style="color: #FFFFFF!important;padding: 10px 65px;background: #e76500;">{:L('我已汇款')}</a>
			</eq>
        </div>
		<div style="clear: both"></div>
	</div>
</div>

<script>


	function myczHuikuan(id) {
		$.post("{:U('Finance/myczHuikuan')}", {id: id}, function (data) {
			if (data.status == 1) {
				layer.msg(data.info, {icon: 1});
				window.location.reload();
			} else {
				layer.msg(data.info, {icon: 2});
			}
		}, "json");
	}

</script>
